<template>
<!--  组件的结构-->
  <div id="root">
    <h2>学生名称：{{name}}</h2>
    <h2>年龄：{{age}}</h2>
    <button @click="showname">点我出现学生信息</button>
  </div>
</template>
<script>
/*组件交互相关的代码（数据，方法等等）*/
export default {
  name:'student',
  data(){
    return {
      name: "张三",
      age: 18,

    }
  },
  methods:{
    showname(){
      alert(this.name,this.age)
    }
  }
}
</script>
<style>
/*组件的样式*/
.root{
  background-color: deepskyblue;
}
</style>